import React, {Component} from 'react';
import {Text, View, Image, ScrollView} from 'react-native';
import {WingBlank, Flex} from '@ant-design/react-native';
import Video from 'react-native-video';

export default class GetCarInfo extends Component {
    static navigationOptions = {
        title: '怎样送汽车',
    };

    render() {
        return (
            <ScrollView style={{flex: 1}}>
                <Flex style={{width: '100%', height: 200}}>
                    <Video
                        style={{width: '100%', height: '100%'}}
                        resizeMode="contain"
                        paused
                        controls
                        source={{uri: 'http://1301076982.vod2.myqcloud.com/a804d64fvodtranscq1301076982/baa059d55285890806762649317/v.f100810.mp4'}}
                    />
                </Flex>
                <View style={{backgroundColor: '#FFFFFF'}}>
                    <WingBlank size={'lg'}>
                        <Text style={{marginTop: '5%', fontSize: 18}}>"怎样送汽车"视频讲解</Text>
                        <Flex direction="row" align="center" style={{marginBottom: 10}}>
                            <Flex direction="row" align="center" justify="center" style={{marginTop: 5}}>
                                <Image style={{width: 15, height: 15}} source={require('~/assets/my/time2x.png')} />
                            </Flex>
                            <Flex direction="row" align="center" justify="center" style={{marginLeft: '2%', marginTop: 5}}>
                                <Text style={{color: '#999999'}}>发布时间:2020-08-10</Text>
                            </Flex>
                            <Flex direction="row" align="center" justify="center" style={{marginLeft: '5%', marginTop: 5}}>
                                <Image style={{width: 15, height: 15}} source={require('~/assets/my/bro2x.png')} />
                                <Text style={{color: '#999999', marginLeft: 5}}>5628次播放</Text>
                            </Flex>
                        </Flex>
                    </WingBlank>
                </View>
                <View style={{flexDirection: 'column', backgroundColor: '#FFFFFF', marginTop: 20}}>
                    <WingBlank size={'lg'}>
                        <Flex direction="row" style={{marginTop: 15}}>
                            <Flex
                                style={{
                                    borderWidth: 0.3,
                                    borderColor: 'red',
                                    borderRadius: 40,
                                    width: 20,
                                    height: 20,
                                    justifyContent: 'center',
                                    backgroundColor: 'red',
                                }}>
                                <Text style={{color: '#FFFFFF'}}>1</Text>
                            </Flex>
                            <Text style={{fontSize: 18, marginLeft: 10}}>汽车由谁来送？</Text>
                        </Flex>
                        <Text style={{marginTop: 10, color: '#999999'}}>当然是由活动主办方来送，例如：开发商、代理公司。</Text>
                    </WingBlank>
                    <WingBlank size={'lg'}>
                        <View style={{width: '100%', height: 2, backgroundColor: '#F6F6F6', marginTop: 10}} />
                        <Flex direction="row" style={{marginTop: 15}}>
                            <Flex
                                style={{
                                    borderWidth: 0.3,
                                    borderColor: 'red',
                                    borderRadius: 40,
                                    width: 20,
                                    height: 20,
                                    justifyContent: 'center',
                                    backgroundColor: 'red',
                                }}>
                                <Text style={{color: '#FFFFFF'}}>2</Text>
                            </Flex>
                            <Text style={{fontSize: 18, marginLeft: 10}}>送什么牌子和价格的汽车？</Text>
                        </Flex>
                        <Text style={{marginTop: 10, color: '#999999'}}>这个不确定，需要主办方根据每次活动的营销费用来定，活动前有详情告知。</Text>
                    </WingBlank>
                    <WingBlank size={'lg'}>
                        <View style={{width: '100%', height: 2, backgroundColor: '#F6F6F6', marginTop: 10}} />
                        <Flex direction="row" style={{marginTop: 15}}>
                            <Flex
                                style={{
                                    borderWidth: 0.3,
                                    borderColor: 'red',
                                    borderRadius: 40,
                                    width: 20,
                                    height: 20,
                                    justifyContent: 'center',
                                    backgroundColor: 'red',
                                }}>
                                <Text style={{color: '#FFFFFF'}}>3</Text>
                            </Flex>
                            <Text style={{fontSize: 18, marginLeft: 10}}>谁有资格参与？</Text>
                        </Flex>
                        <Text style={{marginTop: 10, color: '#999999'}}>只有参与活动，并成功购买车位的业主，才有参与“送汽车”活动的资格。</Text>
                    </WingBlank>
                    <WingBlank size={'lg'}>
                        <View style={{width: '100%', height: 2, backgroundColor: '#F6F6F6', marginTop: 10}} />
                        <Flex direction="row" style={{marginTop: 15}}>
                            <Flex
                                style={{
                                    borderWidth: 0.3,
                                    borderColor: 'red',
                                    borderRadius: 40,
                                    width: 20,
                                    height: 20,
                                    justifyContent: 'center',
                                    backgroundColor: 'red',
                                }}>
                                <Text style={{color: '#FFFFFF'}}>4</Text>
                            </Flex>
                            <Text style={{fontSize: 18, marginLeft: 10}}>是每人送一辆吗？</Text>
                        </Flex>
                        <Text style={{marginTop: 10, color: '#999999', marginBottom: 20}}>
                            是多个业主送一辆。具体几个业主送一辆，需要主办方根据汽车价值和营销费用来确定。
                        </Text>
                    </WingBlank>
                    <WingBlank size={'lg'}>
                        <View style={{width: '100%', height: 2, backgroundColor: '#F6F6F6', marginTop: 10}} />
                        <Flex direction="row" style={{marginTop: 15}}>
                            <Flex
                                style={{
                                    borderWidth: 0.3,
                                    borderColor: 'red',
                                    borderRadius: 40,
                                    width: 20,
                                    height: 20,
                                    justifyContent: 'center',
                                    backgroundColor: 'red',
                                }}>
                                <Text style={{color: '#FFFFFF'}}>5</Text>
                            </Flex>
                            <Text style={{fontSize: 18, marginLeft: 10}}>是送汽车使用权还是产权？</Text>
                        </Flex>
                        <Text style={{marginTop: 10, color: '#999999', marginBottom: 20}}>
                            送汽车使用权，需要业主花点小钱买断产权；也有直接送汽车产权的，请关注活动详情。
                        </Text>
                    </WingBlank>
                    <WingBlank size={'lg'}>
                        <View style={{width: '100%', height: 2, backgroundColor: '#F6F6F6', marginTop: 10}} />
                        <Flex direction="row" style={{marginTop: 15}}>
                            <Flex
                                style={{
                                    borderWidth: 0.3,
                                    borderColor: 'red',
                                    borderRadius: 40,
                                    width: 20,
                                    height: 20,
                                    justifyContent: 'center',
                                    backgroundColor: 'red',
                                }}>
                                <Text style={{color: '#FFFFFF'}}>6</Text>
                            </Flex>
                            <Text style={{fontSize: 18, marginLeft: 10}}>怎么兑现？</Text>
                        </Flex>
                        <Text style={{marginTop: 10, color: '#999999', marginBottom: 20}}>
                            业主成功购买车位签订车位买卖合同后，由开发商或活动主办方统一安排时间和地点，集中或分批次兑现送汽车权益。
                        </Text>
                    </WingBlank>
                </View>
            </ScrollView>
        );
    }
}
